<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
<script>
    /**
     * 1.使用 alert()、confirm()和 prompt()方法，可以让浏览器调用系统对话框向用户显示消息。
     *   【这些对话框与浏览器中显示的网页无关，而且也不包含 HTML。它们的外观由操作系统或者浏览器决定，无法使用 CSS 设置。
     *   此外，这些对话框都是同步的模态对话框，即在它们显示的时候，代码会停止执行，在它们消失以后，代码才会恢复执行。】
     *
     * 2.alert()【警告框】:它接收一个要显示给用户的字符串。与 console.log 可以接收任意数量的参数且能一次性打印这些参数不同，
     *   alert()只接收一个参数。调用 alert()时，传入的字符串会显示在一个系统对话框中。对话框只有一个“OK”（确定）按钮。
     *   如果传给 alert()的参数不是一个原始字符串，则会调用这个值的 toString()方法将其转换为字符串。
     *
     * 3.confirm()【确认框】:确认框跟警告框类似，都会向用户显示消息。但不同之处在于，确认框有两个按钮：“Cancel”（取消）和“OK”（确定）。
     *   用户通过单击不同的按钮表明希望接下来执行什么操作。比如，confirm("Are you sure?")，通过方法的返回值是true，还是false进而判断
     *   用户是点击了'OK'还是'Cancel'
     *
     * 4.prompt()【提示框】:提示框的用途是提示用户输入消息。除了 OK 和 Cancel 按钮，提示框还会显示一个文本框，
     *   让用户输入内容。prompt()方法接收两个参数：要显示给用户的文本，以及文本框的默认值（可以是空字符串）。
     *   调用 prompt("What is your name?","Jake"),如果用户单击了 OK 按钮，则 prompt()会返回文本框中的值。
     *   如果用户单击了 Cancel 按钮，或者对话框被关闭，则 prompt()会返回 null。
     * 5.JavaScript 还可以显示另外两种对话框：find()和 print()。这两种对话框都是异步显示的，
     *   即控制权会立即返回给脚本。用户在浏览器菜单上选择“查找”（find）和“打印”（print）时显示的就是这两种对话框。
     *   通过在 window 对象上调用 find()和 print()可以显示它们，
     */
    //alert、confirm
    if(confirm('请点击同意或者取消')){
        alert('你点击了同意')
    } else {
        alert('你点击了取消')
    }
    //prompt
    let result = prompt("What is your name? ", "default");
    if (result !== null) {
        alert("Welcome, " + result);
    }
    // 显示打印对话框
    window.print();
    // 显示查找对话框
    window.find();
</script>
</html>